<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>js悬浮球</title>
	<style type="text/css">
		.ball {
			position: fixed;
		    width: 100px;
		    height: 100px;
		    background: #407fcc;
		    border-radius: 10px;
		    -moz-border-radius: 10px;
		    -webkit-border-radius: 10px;
		    /*filter: alpha(opacity=50);
		    -moz-opacity: 0.5;
		    opacity: 0.5;*/
		    z-index: 999;
		    top: 100px;
		    left: 0px;
			/*display: none;*/
		}

		.ball > div {
			width: 60px;
		    height: 60px;
		    margin: 20px;
		    background: #fff;
		    border-radius: 15px;
		    -moz-border-radius: 15px;
		    -webkit-border-radius: 30px;
		    filter: alpha(opacity=80);
		    -moz-opacity: 0.8;
		    opacity: 0.8;
		    /* background-image: url(/Images/Self.png); */
		    background-repeat: no-repeat;
		    background-size: 80% auto;
		    background-position-x: 50%;
		    background-position-y: 50%;
		    text-align: center;
		    line-height: 50px;
		    font-size: 22px;
		}
	</style>
</head>
<body>
<div>
	<ul>
		<li class="ball">
			<div><a href="">报名</a></div>
		
		</li>
	</ul>

</div>

</body>
</html>